﻿<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
@@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">用户列表</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont " >&#xe68f;</i><span>刷新</span></a>
        </div>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="mx-box">
                <div class="mx-title" ><h5 class="pl-15">筛选查询</h5>
                    <div class="mx-title-right">
                        <span class="f-12 mr-10 slectShow" style="color:#999999;cursor: pointer;"><i class="Hui-iconfont rotate-top mr-5" style="display:inline-block;">&#xe63d;</i>收起筛选</span>
                         <a id="localSearch" class="btn btn-default-outline radius"><i class="Hui-iconfont Hui-iconfont-search1 mr-5"></i>地区查询</a>
                    </div>
                </div>
                <div class="mx-content select-wrap">
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-2">
                        <span>手机号：</span><input style="width:100px;" id="mobile" type="text" class="input-text radius size-M" placeholder="手机号">
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <span>用户姓名：</span><input id="realName" type="text" class="input-text radius size-M" placeholder="用户姓名">
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-2">
                        终生会员：
                        <span class="select-box radius" style="width:80px;">
                                <select class="select" id="vipSelect">
                                    <option value="" selected>全部</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                        </span>
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-2">
                       年费会员：
                        <span class="select-box radius" style="width:80px;">
                                <select class="select" id="vip2Select">
                                    <option value="" selected>全部</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                        </span>
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        账号状态：
                        <span class="select-box radius mr-5" style="width:80px;">
                                <select class="select" id="accountState">
                                    <option value="" selected>全部</option>
                                    <option value="1">正常</option>
                                    <option value="0">冻结</option>

                                </select>
                        </span>
                        <a id="normalSearch" class="btn btn-default-outline radius"><i class="Hui-iconfont Hui-iconfont-search1 mr-5"></i>查询</a>
                    </div>
                </div>
            </div>
            <div class="mx-box">
                <div class="mx-title"><h5 class="pl-15">人员列表</h5>
                    <div class="mx-title-right">
                        <span class="select-box radius">
                            <select id="changeSize" class="select" size="1" name="demo1">
                                <option value="10" selected>显示条数</option>
                                <option value="20">20</option>
                                <option value="50">50</option>
                                <option value="100">100</option>
                            </select>
                        </span>
                        <span class="select-box radius">
                            <select id="changeDesc" class="select">
                                <option value="排序方式" selected>排序方式</option>
                                <option value="desc" >正序</option>
                                <option value="">倒序</option>
                            </select>
                        </span>
                    </div>
                </div>
                <div class="mx-content">
                    <table class="table table-border table-bordered table-bg table-hover">
                        <thead>
                        <tr>
                            <th class="text-c">手机号</th>
                            <th class="text-c">用户姓名</th>
                            <th class="text-c">终生会员</th>
                            <th class="text-c">年费会员</th>
                            <th class="text-c">团队人数</th>
                            <th class="text-c">实名认证</th>
                            <th class="text-c">操作</th>
                        </tr>
                        </thead>
                        <tbody id="List">
                            <!-- <tr>
                                <td class="text-c">15059174954</td>
                                <td class="text-c">王智超</td>
                                <td class="text-c">会员</td>
                                <td class="text-c">10</td>
                                <td class="text-c">已认证</td>
                                <td class="text-c">
                                    <a class="handle view" href="user-list-detail.html">查看</a><a class="handle edit" href="user-list-edit.html">编辑</a><a class="handle delete">删除</a>
                                </td>
                            </tr> -->
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="7" style="border-right:none;">
                                <div class="r" id="page">

                                </div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </article>
        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>
<!--弹窗-->
<div id="modal_search" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content radius">
            <div class="modal-header">
                <h3 class="modal-title">地区查询</h3>
                <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
            </div>
            <div class="modal-body overflow-hidden">
                <table class="table table-border-no">
                    <tbody>
                    <tr>
                        <td width="120" class="text-r">所属地区：</td>
                        <td>
                            <span class="select-box radius" style="width: 160px!important;">
                                <select id="cnee_province" class="select" size="1" name="demo1">


                                </select>
                            </span>
                            <span class="select-box radius" style="width: 160px!important;">
                                <select id="cnee_city" class="select" size="1" name="demo1">
                                        <option areaId="" selected>全部</option>

                                </select>
                            </span>
                        </td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary radius" id="localBtn">确定</button>
                <button class="btn radius" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--script 公用脚本-->
@@include('./widget/script.html')
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/user-list.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>